<template>
	<view>
		<!--header-->
		<view class="main-app" style="position: unset;">
			<view class="header">
				<topWallet :getName="names" :isLogins="islogin"></topWallet>
			</view>
			<view class="main-content zh">
				<view class="m-0 gap-4 row">
					<view class="col-12 col">
						<view class="profile-main-account v0 card">
							<view class="d-flex">
								<view class="d-flex justify-content-center">
									<view class="avatar">
										<u--image :showLoading="false" :src="userinfo.user_headimg" width="40"
											height="40"></u--image>
									</view>
									<view class="align-items-center d-flex w-100">
										<view class="username ps-2 w-100">
											<label class="w-100">{{userinfo.address}}</label>
											<view class="d-flex jutify-content-between w-100 align-items-center">
												<label
													class="username-bold w-100">{{$t('Financial-management-level')}}:{{userinfo['member_info']['level_name']}}</label>
												<label class="username-bold w-100"
													v-if="userinfo['service']">{{$t('management_level')}}:{{userinfo['service']}}</label>
											</view>
											<view style="display: flex; align-items: center; gap: 15px;">
												<view>UID{{$t('Referral-code')}}:
													{{userinfo.codes}}
												</view>
												<view @click="clipboard"
													class="w-100 button-countdown d-flex gap-1 btn btn-primary"
													style="padding: 3px 10px; cursor: pointer;">
													<u--image :showLoading="true"
														src="../../static/images/common/copy.png" width="26rpx"
														height="26rpx"></u--image>
													<label>{{$t('copy')}}</label>
												</view>
											</view>
										</view>
									</view>
								</view>

							</view>
							<view>
								<view class="mt-2 m-0 row">
									<view class="col-4 col">

										<view class="pe-2">
											<view class="w-100 button-withdrawal   btn-primary button-center"
												@click="href(1)">
												{{$t('invest')}}
											</view>
										</view>
									</view>
									<view class="col-4 col">
										<view class="pe-2">
											<view class="w-100 button-withdrawal   btn-primary button-center"
												@click="href(2)">
												{{$t('Withdraw')}}
											</view>
										</view>
									</view>
									<view class="col-4 col">
										<view class="pe-2">
											<view @click="interchange"
												class="w-100 button-withdrawal  btn-primary button-center">
												{{$t('flash')}}
											</view>
										</view>
									</view>

								</view>
							</view>
						</view>
						<view class="col-12 col wallet-box">
							<view class="profile-main-account v0 card">
								<h4>{{$t('Income-wallet')}}</h4>
								<view class="user-info-panel">
									<view class="m-0 row">
										<view class="col-6 col" @click="href(10)">
											<view
												style="line-height: 20px; margin-bottom: 15px; display: grid; text-align: center;">
												<label>USDT</label><span>{{account.balance}}</span>
											</view>
										</view>
										<view class="col-6 col" @click="href(11)">
											<view
												style="line-height: 20px; margin-bottom: 15px; display: grid; text-align: center;">
												<label>{{$t('balance')}}MTCC</label><span>{{account.coin}}</span>
											</view>
										</view>

									</view>
									<view class="m-0 row">

										<view class="col-6 col" @click="href(14)">
											<view
												style="line-height: 20px; margin-bottom: 15px; display: grid; text-align: center;">
												<label>{{$t('NODELOCK')}}MTCC</label><span>{{account.lock_rut}}</span>
											</view>
										</view>
										<view class="col-6 col" @click="href(13)">
											<view
												style="line-height: 20px; margin-bottom: 15px; display: grid; text-align: center;">
												<label>{{$t('LOCK')}}MTCC</label><span>{{account.lock_coin}}</span>
											</view>
										</view>

									</view>
								</view>
							</view>
						</view>
					</view>
					<view class="profile-menu-container">
						<view class="menu-card row" @click="href(3)">

							<view class="menu-detail-col col"><svg xmlns="http://www.w3.org/2000/svg" width="20"
									height="20" viewBox="0 0 20 20" fill="none">
									<g clip-path="url(#clip0_680_2314)">
										<path
											d="M16.2595 9.97733H14.3947C14.1409 9.97733 13.8952 10.012 13.6614 10.0758C13.2001 9.16897 12.2583 8.5459 11.1731 8.5459H7.87691C6.7917 8.5459 5.84991 9.16897 5.38862 10.0758C5.15477 10.012 4.90906 9.97733 4.65527 9.97733H2.79053C1.25183 9.97733 0 11.2292 0 12.7679V15.7488C0 16.672 0.751098 17.4231 1.67432 17.4231H17.3757C18.2989 17.4231 19.05 16.672 19.05 15.7488V12.7679C19.05 11.2292 17.7982 9.97733 16.2595 9.97733ZM5.08639 11.3365V16.307H1.67432C1.36658 16.307 1.11621 16.0566 1.11621 15.7488V12.7679C1.11621 11.8447 1.86731 11.0936 2.79053 11.0936H4.65527C4.80678 11.0936 4.95348 11.1142 5.09316 11.1521C5.08914 11.2131 5.08639 11.2745 5.08639 11.3365ZM12.8474 16.307H6.2026V11.3365C6.2026 10.4132 6.9537 9.66215 7.87691 9.66215H11.1731C12.0963 9.66215 12.8474 10.4132 12.8474 11.3365V16.307ZM17.9338 15.7488C17.9338 16.0566 17.6834 16.307 17.3757 16.307H13.9636V11.3365C13.9636 11.2744 13.9609 11.213 13.9568 11.152C14.0965 11.1142 14.2432 11.0935 14.3947 11.0935H16.2595C17.1827 11.0935 17.9338 11.8446 17.9338 12.7679V15.7488Z"
											fill="#303A5E"></path>
										<path
											d="M3.72292 4.70703C2.3556 4.70703 1.24323 5.81941 1.24323 7.18673C1.24319 8.55405 2.3556 9.66643 3.72292 9.66643C5.09021 9.66643 6.20262 8.55405 6.20262 7.18673C6.20262 5.81941 5.09025 4.70703 3.72292 4.70703ZM3.72289 8.55022C2.97105 8.55022 2.3594 7.93857 2.3594 7.18673C2.3594 6.43489 2.97105 5.82324 3.72289 5.82324C4.47473 5.82324 5.08638 6.43489 5.08638 7.18673C5.08638 7.93857 4.47473 8.55022 3.72289 8.55022Z"
											fill="#303A5E"></path>
										<path
											d="M9.525 1.62695C7.69828 1.62695 6.21216 3.11308 6.21216 4.93979C6.21216 6.76651 7.69828 8.25263 9.525 8.25263C11.3517 8.25263 12.8378 6.76651 12.8378 4.93979C12.8378 3.11311 11.3517 1.62695 9.525 1.62695ZM9.525 7.13642C8.31376 7.13642 7.32837 6.15103 7.32837 4.93979C7.32837 3.72859 8.31376 2.74316 9.525 2.74316C10.7362 2.74316 11.7216 3.72855 11.7216 4.93979C11.7216 6.15103 10.7362 7.13642 9.525 7.13642Z"
											fill="#303A5E"></path>
										<path
											d="M15.3271 4.70703C13.9598 4.70703 12.8474 5.81941 12.8474 7.18673C12.8474 8.55405 13.9598 9.66643 15.3271 9.66643C16.6944 9.66643 17.8068 8.55405 17.8068 7.18673C17.8068 5.81941 16.6944 4.70703 15.3271 4.70703ZM15.3271 8.55022C14.5752 8.55022 13.9636 7.93857 13.9636 7.18673C13.9636 6.43489 14.5752 5.82324 15.3271 5.82324C16.0789 5.82324 16.6905 6.43489 16.6905 7.18673C16.6905 7.93857 16.0789 8.55022 15.3271 8.55022Z"
											fill="#303A5E"></path>
									</g>
									<defs>
										<clippath id="clip0_680_2314">
											<rect width="19.05" height="19.05" fill="white"></rect>
										</clippath>
									</defs>
								</svg><label>{{$t('Team')}}</label></view>
							<view class="col-2 text-end col"><svg xmlns="http://www.w3.org/2000/svg" width="7"
									height="11" viewBox="0 0 7 11" fill="none">
									<path
										d="M2.23012 9.95515C1.7962 10.3457 1.09269 10.3457 0.65877 9.95515C0.224854 9.56463 0.224854 8.93146 0.65877 8.54094L4.31754 5.24805L0.658769 1.95516C0.224854 1.56463 0.224854 0.931465 0.658769 0.540941C1.09268 0.150417 1.7962 0.150417 2.23012 0.540941L6.67456 4.54094C7.10848 4.93146 7.10848 5.56463 6.67456 5.95515L2.23012 9.95515Z"
										fill="#303A5E"></path>
								</svg></view>
						</view>
						<view class="menu-card row" @click="href(12)">
							<view class="menu-detail-col col"><svg xmlns="http://www.w3.org/2000/svg" width="19"
									height="20" viewBox="0 0 19 20" fill="none">
									<g clip-path="url(#clip0_680_2293)">
										<path
											d="M17.5236 19.0476H4.6128C4.47866 19.0253 4.34452 18.9992 4.21411 18.9805C2.03809 18.6378 0.212324 16.8083 0.0148431 14.4273C-0.164008 12.2513 1.09913 10.1833 3.15219 9.37104C3.5695 9.20709 4.01291 9.11394 4.46003 8.98353C4.46003 8.93882 4.46003 8.8643 4.46003 8.7935C4.46003 6.45726 4.46003 4.12102 4.46003 1.78478C4.46003 0.711677 5.16798 0.00372606 6.24109 0.00372606C9.017 0 11.7892 0.00372606 14.5577 0C14.811 0 15.0048 0.0782473 15.1836 0.257098C16.3536 1.43453 17.5273 2.61197 18.7085 3.78195C18.8911 3.96453 18.973 4.16574 18.973 4.42656C18.9656 6.88203 18.973 9.33378 18.973 11.7893C18.973 13.6374 18.9768 15.4818 18.973 17.3299C18.973 18.0714 18.6228 18.6042 17.9446 18.9135C17.8105 18.9731 17.6652 19.0029 17.5236 19.0476ZM10.0156 13.4697H10.228C11.234 13.4697 12.2363 13.4697 13.2424 13.4697C14.0844 13.4697 14.9303 13.4697 15.7724 13.4697C16.0257 13.4697 16.2195 13.574 16.3238 13.8088C16.4952 14.1888 16.212 14.5875 15.7649 14.5875C13.9242 14.5875 12.0836 14.5875 10.2429 14.5875C10.1684 14.5875 10.0976 14.5875 10.023 14.5875C9.84792 15.9401 9.24057 17.0393 8.19727 17.9298C8.26807 17.9298 8.3016 17.9373 8.33141 17.9373C11.3085 17.9373 14.2819 17.9373 17.259 17.9373C17.6466 17.9373 17.8664 17.7025 17.8664 17.3001C17.8664 13.2089 17.8664 9.11767 17.8664 5.02645C17.8664 4.96684 17.8664 4.91095 17.8664 4.84388C16.8194 4.84388 15.8022 4.84388 14.7849 4.84388C14.3639 4.84388 14.1441 4.62404 14.1441 4.203C14.1441 3.24912 14.1441 2.29525 14.1441 1.33766V1.12527C14.0621 1.12527 14.0025 1.12527 13.9429 1.12527C11.3756 1.12527 8.80834 1.12527 6.24482 1.12527C5.80141 1.12527 5.58903 1.34138 5.58903 1.78851C5.58903 4.13593 5.58903 6.48707 5.58903 8.83449V9.03197C6.68822 9.22572 7.33283 9.49027 8.04823 10.0156C8.13393 10.079 8.25689 10.12 8.36494 10.1237C9.83301 10.1312 11.3048 10.1274 12.7729 10.1274C13.7715 10.1274 14.77 10.1274 15.7686 10.1274C16.022 10.1274 16.2158 10.2243 16.3238 10.4553C16.5064 10.8428 16.2195 11.2415 15.7612 11.2415C13.6597 11.2415 11.5582 11.2415 9.45668 11.2415H9.20703C9.65789 11.942 9.92616 12.6686 10.023 13.4734L10.0156 13.4697ZM5.02267 10.1237C2.87273 10.1237 1.12148 11.875 1.11776 14.0249C1.11776 16.1748 2.86528 17.9298 5.01522 17.9335C7.1726 17.9335 8.9313 16.1786 8.92758 14.0212C8.92758 11.8712 7.16888 10.12 5.01894 10.1237H5.02267ZM15.2619 3.71116H16.9796C16.4132 3.14479 15.832 2.56353 15.2619 1.99717V3.71116Z"
											fill="#303A5E"></path>
										<path d="M5 12V15H7" stroke="#303A5E" stroke-linecap="round"></path>
										<path
											d="M11.7147 6.77393C13.0635 6.77393 14.4161 6.77393 15.7649 6.77393C16.2009 6.77393 16.4841 7.16144 16.3238 7.54149C16.227 7.76878 16.0481 7.88429 15.7985 7.88802C15.4818 7.89174 15.165 7.88802 14.8521 7.88802C12.486 7.88802 10.12 7.88802 7.75391 7.88802C7.67194 7.88802 7.58996 7.88802 7.51544 7.87311C7.23226 7.8135 7.04223 7.54895 7.07204 7.27322C7.10185 6.98631 7.34032 6.77393 7.64586 6.77393C8.8531 6.77393 10.0603 6.77393 11.2713 6.77393C11.4204 6.77393 11.5694 6.77393 11.7184 6.77393H11.7147Z"
											fill="#303A5E"></path>
									</g>
									<defs>
										<clippath id="clip0_680_2293">
											<rect width="18.9768" height="19.0476" fill="white"></rect>
										</clippath>
									</defs>
								</svg><label>{{$t('Reward_record')}}</label></view>
							<view class="col-2 text-end col"><svg xmlns="http://www.w3.org/2000/svg" width="7"
									height="11" viewBox="0 0 7 11" fill="none">
									<path
										d="M2.23012 9.95515C1.7962 10.3457 1.09269 10.3457 0.65877 9.95515C0.224854 9.56463 0.224854 8.93146 0.65877 8.54094L4.31754 5.24805L0.658769 1.95516C0.224854 1.56463 0.224854 0.931465 0.658769 0.540941C1.09268 0.150417 1.7962 0.150417 2.23012 0.540941L6.67456 4.54094C7.10848 4.93146 7.10848 5.56463 6.67456 5.95515L2.23012 9.95515Z"
										fill="#303A5E"></path>
								</svg></view>
						</view>
						<view class="menu-card row" @click="href(4)">
							<view class="menu-detail-col col"><svg xmlns="http://www.w3.org/2000/svg" width="19"
									height="20" viewBox="0 0 19 20" fill="none">
									<g clip-path="url(#clip0_680_2293)">
										<path
											d="M17.5236 19.0476H4.6128C4.47866 19.0253 4.34452 18.9992 4.21411 18.9805C2.03809 18.6378 0.212324 16.8083 0.0148431 14.4273C-0.164008 12.2513 1.09913 10.1833 3.15219 9.37104C3.5695 9.20709 4.01291 9.11394 4.46003 8.98353C4.46003 8.93882 4.46003 8.8643 4.46003 8.7935C4.46003 6.45726 4.46003 4.12102 4.46003 1.78478C4.46003 0.711677 5.16798 0.00372606 6.24109 0.00372606C9.017 0 11.7892 0.00372606 14.5577 0C14.811 0 15.0048 0.0782473 15.1836 0.257098C16.3536 1.43453 17.5273 2.61197 18.7085 3.78195C18.8911 3.96453 18.973 4.16574 18.973 4.42656C18.9656 6.88203 18.973 9.33378 18.973 11.7893C18.973 13.6374 18.9768 15.4818 18.973 17.3299C18.973 18.0714 18.6228 18.6042 17.9446 18.9135C17.8105 18.9731 17.6652 19.0029 17.5236 19.0476ZM10.0156 13.4697H10.228C11.234 13.4697 12.2363 13.4697 13.2424 13.4697C14.0844 13.4697 14.9303 13.4697 15.7724 13.4697C16.0257 13.4697 16.2195 13.574 16.3238 13.8088C16.4952 14.1888 16.212 14.5875 15.7649 14.5875C13.9242 14.5875 12.0836 14.5875 10.2429 14.5875C10.1684 14.5875 10.0976 14.5875 10.023 14.5875C9.84792 15.9401 9.24057 17.0393 8.19727 17.9298C8.26807 17.9298 8.3016 17.9373 8.33141 17.9373C11.3085 17.9373 14.2819 17.9373 17.259 17.9373C17.6466 17.9373 17.8664 17.7025 17.8664 17.3001C17.8664 13.2089 17.8664 9.11767 17.8664 5.02645C17.8664 4.96684 17.8664 4.91095 17.8664 4.84388C16.8194 4.84388 15.8022 4.84388 14.7849 4.84388C14.3639 4.84388 14.1441 4.62404 14.1441 4.203C14.1441 3.24912 14.1441 2.29525 14.1441 1.33766V1.12527C14.0621 1.12527 14.0025 1.12527 13.9429 1.12527C11.3756 1.12527 8.80834 1.12527 6.24482 1.12527C5.80141 1.12527 5.58903 1.34138 5.58903 1.78851C5.58903 4.13593 5.58903 6.48707 5.58903 8.83449V9.03197C6.68822 9.22572 7.33283 9.49027 8.04823 10.0156C8.13393 10.079 8.25689 10.12 8.36494 10.1237C9.83301 10.1312 11.3048 10.1274 12.7729 10.1274C13.7715 10.1274 14.77 10.1274 15.7686 10.1274C16.022 10.1274 16.2158 10.2243 16.3238 10.4553C16.5064 10.8428 16.2195 11.2415 15.7612 11.2415C13.6597 11.2415 11.5582 11.2415 9.45668 11.2415H9.20703C9.65789 11.942 9.92616 12.6686 10.023 13.4734L10.0156 13.4697ZM5.02267 10.1237C2.87273 10.1237 1.12148 11.875 1.11776 14.0249C1.11776 16.1748 2.86528 17.9298 5.01522 17.9335C7.1726 17.9335 8.9313 16.1786 8.92758 14.0212C8.92758 11.8712 7.16888 10.12 5.01894 10.1237H5.02267ZM15.2619 3.71116H16.9796C16.4132 3.14479 15.832 2.56353 15.2619 1.99717V3.71116Z"
											fill="#303A5E"></path>
										<path d="M5 12V15H7" stroke="#303A5E" stroke-linecap="round"></path>
										<path
											d="M11.7147 6.77393C13.0635 6.77393 14.4161 6.77393 15.7649 6.77393C16.2009 6.77393 16.4841 7.16144 16.3238 7.54149C16.227 7.76878 16.0481 7.88429 15.7985 7.88802C15.4818 7.89174 15.165 7.88802 14.8521 7.88802C12.486 7.88802 10.12 7.88802 7.75391 7.88802C7.67194 7.88802 7.58996 7.88802 7.51544 7.87311C7.23226 7.8135 7.04223 7.54895 7.07204 7.27322C7.10185 6.98631 7.34032 6.77393 7.64586 6.77393C8.8531 6.77393 10.0603 6.77393 11.2713 6.77393C11.4204 6.77393 11.5694 6.77393 11.7184 6.77393H11.7147Z"
											fill="#303A5E"></path>
									</g>
									<defs>
										<clippath id="clip0_680_2293">
											<rect width="18.9768" height="19.0476" fill="white"></rect>
										</clippath>
									</defs>
								</svg><label>{{$t('Historical-record')}}</label></view>
							<view class="col-2 text-end col"><svg xmlns="http://www.w3.org/2000/svg" width="7"
									height="11" viewBox="0 0 7 11" fill="none">
									<path
										d="M2.23012 9.95515C1.7962 10.3457 1.09269 10.3457 0.65877 9.95515C0.224854 9.56463 0.224854 8.93146 0.65877 8.54094L4.31754 5.24805L0.658769 1.95516C0.224854 1.56463 0.224854 0.931465 0.658769 0.540941C1.09268 0.150417 1.7962 0.150417 2.23012 0.540941L6.67456 4.54094C7.10848 4.93146 7.10848 5.56463 6.67456 5.95515L2.23012 9.95515Z"
										fill="#303A5E"></path>
								</svg></view>
						</view>
						<view class="menu-card row" @click="href(5)">
							<view class="menu-detail-col col"><svg xmlns="http://www.w3.org/2000/svg" width="20"
									height="21" viewBox="0 0 20 21" fill="none">
									<path
										d="M10.0754 13.1361C11.4797 13.1361 12.6181 11.9977 12.6181 10.5935C12.6181 9.18917 11.4797 8.05078 10.0754 8.05078C8.67114 8.05078 7.53275 9.18917 7.53275 10.5935C7.53275 11.9977 8.67114 13.1361 10.0754 13.1361Z"
										stroke="#303A5E" stroke-width="1.2" stroke-miterlimit="10"
										stroke-linecap="round" stroke-linejoin="round"></path>
									<path
										d="M1.60004 11.1462V9.65454C1.60004 8.77308 2.32046 8.04418 3.21039 8.04418C4.74447 8.04418 5.37166 6.95931 4.60039 5.62865C4.15966 4.86585 4.4224 3.87421 5.19367 3.43348L6.65995 2.5944C7.32952 2.19605 8.19402 2.43336 8.59238 3.10293L8.68561 3.26397C9.44841 4.59463 10.7028 4.59463 11.4741 3.26397L11.5673 3.10293C11.9656 2.43336 12.8302 2.19605 13.4997 2.5944L14.966 3.43348C15.7373 3.87421 16 4.86585 15.5593 5.62865C14.788 6.95931 15.4152 8.04418 16.9493 8.04418C17.8307 8.04418 18.5596 8.76461 18.5596 9.65454V11.1462C18.5596 12.0277 17.8392 12.7566 16.9493 12.7566C15.4152 12.7566 14.788 13.8415 15.5593 15.1721C16 15.9434 15.7373 16.9266 14.966 17.3673L13.4997 18.2064C12.8302 18.6047 11.9656 18.3674 11.5673 17.6979L11.4741 17.5368C10.7113 16.2062 9.45688 16.2062 8.68561 17.5368L8.59238 17.6979C8.19402 18.3674 7.32952 18.6047 6.65995 18.2064L5.19367 17.3673C4.4224 16.9266 4.15966 15.9349 4.60039 15.1721C5.37166 13.8415 4.74447 12.7566 3.21039 12.7566C2.32046 12.7566 1.60004 12.0277 1.60004 11.1462Z"
										stroke="#303A5E" stroke-width="1.2" stroke-miterlimit="10"
										stroke-linecap="round" stroke-linejoin="round"></path>
								</svg><label>{{$t('Settings')}}</label></view>
							<view class="col-2 text-end col"><svg xmlns="http://www.w3.org/2000/svg" width="7"
									height="11" viewBox="0 0 7 11" fill="none">
									<path
										d="M2.23012 9.95515C1.7962 10.3457 1.09269 10.3457 0.65877 9.95515C0.224854 9.56463 0.224854 8.93146 0.65877 8.54094L4.31754 5.24805L0.658769 1.95516C0.224854 1.56463 0.224854 0.931465 0.658769 0.540941C1.09268 0.150417 1.7962 0.150417 2.23012 0.540941L6.67456 4.54094C7.10848 4.93146 7.10848 5.56463 6.67456 5.95515L2.23012 9.95515Z"
										fill="#303A5E"></path>
								</svg></view>
						</view>
						<view class="menu-card row" @click="href(6)">
							<view class="menu-detail-col col"><svg xmlns="http://www.w3.org/2000/svg" width="20"
									height="21" viewBox="0 0 20 21" fill="none">
									<path
										d="M10.0001 10.4597C12.3013 10.4597 14.1667 8.5942 14.1667 6.29301C14.1667 3.99182 12.3013 2.12634 10.0001 2.12634C7.69888 2.12634 5.8334 3.99182 5.8334 6.29301C5.8334 8.5942 7.69888 10.4597 10.0001 10.4597Z"
										stroke="#303A5E" stroke-width="1.5" stroke-linecap="round"
										stroke-linejoin="round"></path>
									<path
										d="M13.9427 19.16C13.9427 19.3809 14.1218 19.56 14.3427 19.56H14.6675C14.8884 19.56 15.0675 19.3809 15.0675 19.16V17.6826C15.0675 17.5721 15.157 17.4826 15.2675 17.4826H16.7C16.9209 17.4826 17.1 17.3035 17.1 17.0826V16.7864C17.1 16.5655 16.9209 16.3864 16.7 16.3864H15.2675C15.157 16.3864 15.0675 16.2969 15.0675 16.1864V14.76C15.0675 14.539 14.8884 14.36 14.6675 14.36H14.3427C14.1218 14.36 13.9427 14.539 13.9427 14.76V16.1864C13.9427 16.2969 13.8531 16.3864 13.7427 16.3864H12.3C12.0791 16.3864 11.9 16.5655 11.9 16.7864V17.0826C11.9 17.3035 12.0791 17.4826 12.3 17.4826H13.7427C13.8531 17.4826 13.9427 17.5721 13.9427 17.6826V19.16Z"
										fill="#303A5E" stroke="#303A5E" stroke-width="0.2"></path>
									<path
										d="M2.84161 18.7933C2.84161 15.5683 6.04997 12.96 9.99997 12.96C10.8666 12.96 11.6999 13.085 12.4749 13.3183"
										stroke="#303A5E" stroke-width="1.5" stroke-linecap="round"
										stroke-linejoin="round"></path>
								</svg><label>{{$t('Invite_friends')}}</label></view>
							<view class="col-2 text-end col"><svg xmlns="http://www.w3.org/2000/svg" width="7"
									height="11" viewBox="0 0 7 11" fill="none">
									<path
										d="M2.23012 9.95515C1.7962 10.3457 1.09269 10.3457 0.65877 9.95515C0.224854 9.56463 0.224854 8.93146 0.65877 8.54094L4.31754 5.24805L0.658769 1.95516C0.224854 1.56463 0.224854 0.931465 0.658769 0.540941C1.09268 0.150417 1.7962 0.150417 2.23012 0.540941L6.67456 4.54094C7.10848 4.93146 7.10848 5.56463 6.67456 5.95515L2.23012 9.95515Z"
										fill="#303A5E"></path>
								</svg></view>
						</view>
					</view>
				</view>
			</view>
		</view>


		<view role="dialog" aria-modal="true" v-if="showChange"
			class="fade confirm-modal-container purchase-wallet-modal modal show" tabindex="-1"
			style="display: block; padding: 20rpx;">
			<view class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable">
				<view class="">
					<view class="col-12 col">
						<view class="card-one info-panel card">
							<view class="m-0  row">

								<view class="col-12 mb-2 col">
									<view class="convert-currency-container card modal-content">
										<view class="modal-header"><label class="title"
												style="font-size: 30rpx;">{{$t('Switching_center')}}</label>
											<view @click="closeChange" class="right" type="button" data-dismiss="modal"
												aria-label="Close"><svg xmlns="http://www.w3.orgz/2000/svg" width="25"
													height="25" viewBox="0 0 16 16">
													<path fill="none" stroke="#c1d1ff" stroke-linecap="round"
														stroke-linejoin="round" stroke-width="1.5"
														d="m11.25 4.75l-6.5 6.5m0-6.5l6.5 6.5"></path>
												</svg></view>
										</view>
										<view><label>{{$t('Convert_from')}}</label>

											<view class="input-group">
												<view class="line-group"><input type="number" step="any"
														name="from-currency" v-model="amount" @input="setRut">
													<view style="display: flex; align-items: center;"><button
															type="button" class="max-button btn btn-primary"></button>
														<view class="currency-dropdown dropdown"><button type="button"
																id="react-aria676261614-:r2:" aria-expanded="false"
																@click="change()"
																class="dropdown-toggle btn btn-primary">{{bottomChange}}<svg
																	xmlns="http://www.w3.org/2000/svg" width="10"
																	height="7" viewBox="0 0 10 7" fill="none">
																	<path
																		d="M0.292893 2.15871C-0.097631 1.72479 -0.097631 1.02127 0.292893 0.587359C0.683418 0.153443 1.31658 0.153443 1.70711 0.587359L5 4.24613L8.29289 0.587359C8.68342 0.153443 9.31658 0.153443 9.70711 0.587359C10.0976 1.02127 10.0976 1.72479 9.70711 2.15871L5.70711 6.60315C5.31658 7.03707 4.68342 7.03707 4.29289 6.60315L0.292893 2.15871Z"
																		fill="#C1D1FF"></path>
																</svg></button>
															<view x-placement="bottom-start"
																aria-labelledby="react-aria676261614-:r2:"
																class="dropdown-menu"
																data-popper-reference-hidden="false"
																data-popper-escaped="false"
																data-popper-placement="bottom-start"
																style="position: absolute; inset: 0px auto auto 0px; transform: translate3d(267.5px, 711px, 0px);">
																<a data-rr-ui-dropdown-item="" class="dropdown-item"
																	role="button" tabindex="0" href="#">TBT</a><a
																	data-rr-ui-dropdown-item="" class="dropdown-item"
																	role="button" tabindex="0" href="#">B.TBT</a>
															</view>
														</view>
													</view>
												</view>
												<span class="form-label-balance" style="color: #f1c594;">
													{{$t('overall_rut_balance')}}: {{account.coin}}
													</span>
											</view>
										</view>
										<view class="mt-2"><label>{{$t('Convert_to')}}</label>
											<view class="input-group disabled">
												<view class="line-group"><input name="top-currency" type="number"
														disabled step="any" v-model="rutNumber"
														style="cursor: no-drop;">
													<view style="display: flex; align-items: center;">
														<view class="currency-dropdown dropdown"><button type="button"
																@click="change()" id="react-aria676261614-:r3:"
																aria-expanded="false"
																class="dropdown-toggle btn btn-primary">{{topChange}}<svg
																	xmlns="http://www.w3.org/2000/svg" width="10"
																	height="7" viewBox="0 0 10 7" fill="none">
																	<path
																		d="M0.292893 2.15871C-0.097631 1.72479 -0.097631 1.02127 0.292893 0.587359C0.683418 0.153443 1.31658 0.153443 1.70711 0.587359L5 4.24613L8.29289 0.587359C8.68342 0.153443 9.31658 0.153443 9.70711 0.587359C10.0976 1.02127 10.0976 1.72479 9.70711 2.15871L5.70711 6.60315C5.31658 7.03707 4.68342 7.03707 4.29289 6.60315L0.292893 2.15871Z"
																		fill="#C1D1FF"></path>
																</svg></button>
															<view x-placement="bottom-start"
																aria-labelledby="react-aria676261614-:r3:"
																class="dropdown-menu"
																data-popper-reference-hidden="false"
																data-popper-escaped="false"
																data-popper-placement="bottom-start"
																style="position: absolute; inset: 0px auto auto 0px; transform: translate3d(256px, 825px, 0px);">
																<a data-rr-ui-dropdown-item="" class="dropdown-item"
																	role="button" tabindex="0" href="#">WTBT</a><a
																	data-rr-ui-dropdown-item="" class="dropdown-item"
																	role="button" tabindex="0" href="#">USDT</a>
															</view>
														</view>
													</view>
												</view>
												<span class="form-label-balance">{{topChange}}
													{{$t('Latest_price')}}:1
												</span>
											</view>
										</view>
										<view style="margin-top: 20rpx;">
											<label>{{$t('Transaction_code')}}</label>

											<view class="input-group ">
												<view class="line-group">
													<input :placeholder="input_your_password" v-model="password"
														type="password" step="any" name="from-currency" />

												</view>
											</view>
										</view>

										<view class="profile-menu-container mt-4" @click="changeCoin">
											<view class="menu-card row" style="text-align: center; color: #000;">
												<u-button type="button" :loading="isLoading" :loadingText="loading"
													class="Confirm_conversion "
													disabled>{{$t('Confirm_conversion')}}</u-button>
											</view>
										</view>
										<view class="profile-menu-container mt-4" @click="openUsdt">
											<view class="menu-card row" style="text-align: center; color: #000;">
												<u-button type="button" :loading="isLoadings" :loadingText="loading"
													class="Confirm_conversion "
													disabled>{{$t('Exchange_USDT_RUT')}}</u-button>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view role="dialog" aria-modal="true" v-if="showChanges"
			class="fade confirm-modal-container purchase-wallet-modal modal show" tabindex="-1"
			style="display: block; padding: 20rpx;">
			<view class="modal-dialog modal-md modal-dialog-centered modal-dialog-scrollable">
				<view class="">
					<view class="col-12 col">
						<view class="card-one info-panel card">
							<view class="m-0  row">
		
								<view class="col-12 mb-2 col">
									<view class="convert-currency-container card modal-content">
										<view class="modal-header"><label class="title"
												style="font-size: 30rpx;">{{$t('Switching_center')}}</label>
											<view @click="closeChange" class="right" type="button" data-dismiss="modal"
												aria-label="Close"><svg xmlns="http://www.w3.orgz/2000/svg" width="25"
													height="25" viewBox="0 0 16 16">
													<path fill="none" stroke="#c1d1ff" stroke-linecap="round"
														stroke-linejoin="round" stroke-width="1.5"
														d="m11.25 4.75l-6.5 6.5m0-6.5l6.5 6.5"></path>
												</svg></view>
										</view>
										<view><label>{{$t('Convert_from')}}</label>
		
											<view class="input-group">
												<view class="line-group"><input type="number" step="any"
														name="from-currency" v-model="amount" @input="setRut">
													<view style="display: flex; align-items: center;"><button
															type="button" class="max-button btn btn-primary"></button>
														<view class="currency-dropdown dropdown"><button type="button"
																id="react-aria676261614-:r2:" aria-expanded="false"
																@click="change()"
																class="dropdown-toggle btn btn-primary">USDT<svg
																	xmlns="http://www.w3.org/2000/svg" width="10"
																	height="7" viewBox="0 0 10 7" fill="none">
																	<path
																		d="M0.292893 2.15871C-0.097631 1.72479 -0.097631 1.02127 0.292893 0.587359C0.683418 0.153443 1.31658 0.153443 1.70711 0.587359L5 4.24613L8.29289 0.587359C8.68342 0.153443 9.31658 0.153443 9.70711 0.587359C10.0976 1.02127 10.0976 1.72479 9.70711 2.15871L5.70711 6.60315C5.31658 7.03707 4.68342 7.03707 4.29289 6.60315L0.292893 2.15871Z"
																		fill="#C1D1FF"></path>
																</svg></button>
															<view x-placement="bottom-start"
																aria-labelledby="react-aria676261614-:r2:"
																class="dropdown-menu"
																data-popper-reference-hidden="false"
																data-popper-escaped="false"
																data-popper-placement="bottom-start"
																style="position: absolute; inset: 0px auto auto 0px; transform: translate3d(267.5px, 711px, 0px);">
																<a data-rr-ui-dropdown-item="" class="dropdown-item"
																	role="button" tabindex="0" href="#">TBT</a><a
																	data-rr-ui-dropdown-item="" class="dropdown-item"
																	role="button" tabindex="0" href="#">B.TBT</a>
															</view>
														</view>
													</view>
												</view>
												<span class="form-label-balance" style="color: #f1c594;">
													{{$t('overall_balance')}}: {{account.balance}}
													</span>
											</view>
										</view>
										<view class="mt-2"><label>{{$t('Convert_to')}}</label>
											<view class="input-group disabled">
												<view class="line-group"><input name="top-currency" type="number"
														disabled step="any" v-model="rutNumber"
														style="cursor: no-drop;">
													<view style="display: flex; align-items: center;">
														<view class="currency-dropdown dropdown"><button type="button"
																@click="change()" id="react-aria676261614-:r3:"
																aria-expanded="false"
																class="dropdown-toggle btn btn-primary">MTCC<svg
																	xmlns="http://www.w3.org/2000/svg" width="10"
																	height="7" viewBox="0 0 10 7" fill="none">
																	<path
																		d="M0.292893 2.15871C-0.097631 1.72479 -0.097631 1.02127 0.292893 0.587359C0.683418 0.153443 1.31658 0.153443 1.70711 0.587359L5 4.24613L8.29289 0.587359C8.68342 0.153443 9.31658 0.153443 9.70711 0.587359C10.0976 1.02127 10.0976 1.72479 9.70711 2.15871L5.70711 6.60315C5.31658 7.03707 4.68342 7.03707 4.29289 6.60315L0.292893 2.15871Z"
																		fill="#C1D1FF"></path>
																</svg></button>
															<view x-placement="bottom-start"
																aria-labelledby="react-aria676261614-:r3:"
																class="dropdown-menu"
																data-popper-reference-hidden="false"
																data-popper-escaped="false"
																data-popper-placement="bottom-start"
																style="position: absolute; inset: 0px auto auto 0px; transform: translate3d(256px, 825px, 0px);">
																<a data-rr-ui-dropdown-item="" class="dropdown-item"
																	role="button" tabindex="0" href="#">WTBT</a><a
																	data-rr-ui-dropdown-item="" class="dropdown-item"
																	role="button" tabindex="0" href="#">USDT</a>
															</view>
														</view>
													</view>
												</view>
												<span class="form-label-balance">MTCC
													{{$t('Latest_price')}}:{{rutPrice}}
												</span>
											</view>
										</view>
										<view style="margin-top: 20rpx;">
											<label>{{$t('Transaction_code')}}</label>
		
											<view class="input-group ">
												<view class="line-group">
													<input :placeholder="input_your_password" v-model="password"
														type="password" step="any" name="from-currency" />
		
												</view>
											</view>
										</view>
		
										<view class="profile-menu-container mt-4" @click="changeUsdtCoin">
											<view class="menu-card row" style="text-align: center; color: #000;">
												<u-button type="button" :loading="isLoading" :loadingText="loading"
													class="Confirm_conversion "
													disabled>{{$t('Confirm_conversion')}}</u-button>
											</view>
										</view>
										<view class="profile-menu-container mt-4" @click="openRut">
											<view class="menu-card row" style="text-align: center; color: #000;">
												<u-button type="button" :loading="isLoadings" :loadingText="loading"
													class="Confirm_conversion "
													disabled>{{$t('Exchange_TCC_RUT')}}</u-button>
											</view>
										</view>
									</view>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>

</template>


<script>
	const copys = require("@/components/common/tui-clipboard/tui-clipboard.js")
	import topWallet from "@/components/nav/top_wallet.vue"
	export default {
		components: {
			topWallet,
		},
		onLoad: function(options) {

		},
		onShow() {
			this.tui.haslogin();
			if (this.tui.isLogin()) {
				this.islogin = true;
				this.names = this.tui.hidden(uni.getStorageSync("yy_wallet").address, 3, 4)
				this.init();
			}
		},
		data() {
			return {
				loading: this.$t('Load'),
				isLoading: false,
				isLoadings: false,
				input_your_password: this.$t('input_your_password'),
				showChange: false,
				showChanges: false,
				topChange: 'TCC',
				bottomChange: 'MTCC',
				webURL: "",
				top: 0, //标题图标距离顶部距离
				opacity: 0,
				scrollTop: 0.5,
				productList: [],
				pageIndex: 1,
				loadding: false,
				pullUpOn: true,
				amount: 0,
				islogin: false,
				names: this.$t('login'),
				coinType: '',
				rutNumber: 0,
				rutPrice: '',
				userinfo: {
					'user_tel': this.$t('please_log_in'),
					'referee': this.$t('please_log_in'),
					'user_headimg': '/static/images/my/mine_def_touxiang_3x.png',
				},
				account: '',
				code: '',
				message: this.$t('not_open'),
				password: '',
				rutPrice: '',
				rutPes: 0,
				rutNumber: 0
			}
		},
		methods: {
			change() {

			},
			clipboard: function(event) {
				copys.getClipboardData(this.userinfo.codes, (res) => {

					if (res) {
						uni.showToast({
							title: this.$t('copy-success'),
							icon: 'none'
						})
					} else {
						uni.showToast({
							title: this.$t('copy-failed'),
							icon: 'none'
						})
					}
				}, event)
			},
			interchange() {
				this.showChange = true
				let token = this.tui.getToken();
				let datas = {
					token: token,
				};
				let result = this.tui.request('/api/user/getRutPrice', 'post', datas, 1000, 1, '', 'getRutPrice');
				Promise.resolve(result).then((value) => {
					if (value.code == 200) {
						this.rutPes = parseFloat(value.data.rutPes)
						this.rutPrice = value.data.rutPrice
					}
				})
			},
			setRut(event) {
				
				this.rutNumber = this.rutPes * event.target.value
				//保留两位小数
				this.rutNumber = this.rutNumber.toFixed(3)
			},
			closeChange() {
				this.showChange = false
				this.showChanges=false
			},
			closeChanges() {
				this.showChanges = false
			},
			href(page) {
				let url = "";
				switch (page) {
					case 1:
						url = "/pages/my/recharge"
						break;
					case 2:
						url = "/pages/my/withdraw"
						break;
					case 3:
						url = "/pages/my/team"
						break;
					case 4:
						url = "/pages/my/records"
						break;
					case 5:
						url = "/pages/my/setting"
						break;
					case 6:
						url = "/pages/my/inviteCode"
						break;
					case 7:
						url = "/pages/my/change"
						break;
					case 8:
						url = "/pageschild/user/balanceList"
						break;
					case 9:
						url = "/pageschild/user/spmoneyList"
						break;
					case 10:
						url = "/pages/my/usdtList?account_type=2"
						break;
					case 11:
						url = "/pages/my/usdtList?account_type=3"
						break;
					case 12:
						url = "/pages/my/rewardRecord"
						break;
					case 13:
						url = "/pages/my/coinList?account_type=5"
						break;
					case 14:
						url = "/pages/my/rutList?account_type=7"
						break;
					default:
						break;
				}
				if (url) {
					uni.navigateTo({
						url: url
					})
				} else {
					this.tui.toast(this.message)
				}
			},
			openUsdt(){
				this.showChanges = true
				this.showChange = false
			},
			openRut(){
				this.showChanges = false
				this.showChange = true
			},
			changeUsdtCoin(){
				if (this.password == '') {
					this.tui.toast(this.input_your_password);
					return;
				}
				let token = this.tui.getToken();
				let datas = {
					token: token,
					amount: this.amount,
					paypassword: this.password,
					type: 2
				};
				this.isLoading = true
				let result = this.tui.request('/api/user/duihuan', 'post', datas, 1000, 1, '', 'duihuan');
				Promise.resolve(result).then((value) => {
					if (value.code == 200) {
						this.tui.toast(value.message);
						setTimeout(() => {
							this.closeChange();
							this.init()
							this.isLoading = false
						}, 1000);
						//写入缓存
					} else {
						this.isLoading = false
						this.tui.toast(value.message);
					}
				})
			},
			changeCoin() {
				if (this.password == '') {
					this.tui.toast(this.input_your_password);
					return;
				}
				let token = this.tui.getToken();
				let datas = {
					token: token,
					amount: this.amount,
					paypassword: this.password,
					type: 3
				};
				this.isLoading = true
				let result = this.tui.request('/api/user/duihuan', 'post', datas, 1000, 1, '', 'duihuan');
				Promise.resolve(result).then((value) => {
					if (value.code == 200) {
						this.tui.toast(value.message);
						setTimeout(() => {
							this.closeChange();
							this.init()
							this.isLoading = false
						}, 1000);
						//写入缓存
					} else {
						this.isLoading = false
						this.tui.toast(value.message);
					}
				})
			},
			init() {
				let token = this.tui.getToken();
				let datas = {
					token: token,
				};
				let result = this.tui.request('/api/user/userinfo', 'post', datas, 1000, 1, '', 'userinfo');
				Promise.resolve(result).then((value) => {
					if (value.code == 200) {
						this.userinfo = value.data;
						//写入缓存
					} else {
						this.tui.toast(value.message);
					}
				})
				let account = this.tui.request('api/user/userAccount', 'post', datas, 1000, 1, '', 'userAccount');
				Promise.resolve(account).then((value) => {
					if (value.code == 200) {
						this.account = value.data;
					} else {
						this.tui.toast(value.message);
					}
				})

			},
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
		},
		onPullDownRefresh() {
			setTimeout(() => {
				uni.stopPullDownRefresh()
			}, 200)
		},
	}
</script>

<style>
	.form-label-balance {
		background: #c1d1ff;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		font-weight: 400;
		font-size: 12px !important;
		opacity: 1
	}

	page {
		background-color: #252C46;
		min-height: 100%;
	}

	.button-topup {
		padding: 0;
		line-height: 30px;
		height: 30px;
		text-align: center;
		border: none;
		border-radius: 30px;
		background: #303a5e !important;
		box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25)
	}

	.button-center {
		line-height: 30px;
		height: 30px;
		text-align: center;
	}

	.yui-red-popbox {
		background: linear-gradient(180deg, #c5af8a, #c5af8a);
		width: 500rpx;
		/* min-height: 470rpx; */
		padding-bottom: 60rpx;
		color: #fff;
		border-radius: 20px;
		z-index: 100000;
	}

	.yui-cup-image {
		width: 50rpx
	}

	.wallet-box {
		margin-top: 40rpx;
	}

	.yui-red-popclose {
		width: 64rpx;
		height: 64rpx;
	}

	.yui-ranking-button {
		background: linear-gradient(180deg, #f1ce50, #f1b246);
		border-radius: 10rpx;
		padding: 4rpx 14rpx;
	}

	.yui-wallet-list-fot-block-tip {
		position: absolute;
		right: -20rpx;
		width: 36rpx;
		top: 0rpx;
		z-index: 10000;
		height: 36rpx;
	}

	.tui-banner-swiper {
		width: 100%;
		height: 200rpx;
		border-radius: 12rpx;
		overflow: hidden;
		transform: translateY(0);
	}

	.yui-red-popbox-title {
		text-align: center;
		font-size: 30rpx;
		padding-top: 60rpx;
		color: #fff;
		font-weight: bold;
	}

	.yui-red-popbox-content {
		padding: 40rpx;
		font-size: 26rpx;
		line-height: 50rpx;
	}

	.yui-b20 {
		margin-top: 12rpx;
	}

	.yui-wallet-bg {
		background-image: linear-gradient(to bottom right, #f4f8f8, rgba(56, 144, 255, 0.1));
		border-bottom-left-radius: 10rpx;
		border-bottom-right-radius: 10rpx;
		margin: 0rpx;
		padding: 20rpx 20rpx 40rpx 20rpx;
		text-align: center;
		display: flex;
		justify-content: space-around;
		width: 100%;
	}

	.yui-box-block-span-fs {
		font-size: 30rpx;
		font-weight: normal;
		padding-right: 4rpx;
	}

	.yui-red-popbox-content-fot {
		display: block;
		text-align: center;
	}

	.yui-red-popbox-button {
		background: linear-gradient(240deg, #8c17f1, #3172ff 0, #3aaaff 100%);
		color: #fff;
		width: 200rpx;
		padding: 20rpx;

		border-radius: 40rpx;
		font-size: 26rpx;
		text-align: center;
		margin: 0 auto;
		margin-top: 20rpx;
	}

	.yui-red-popbox-buttons {
		background: linear-gradient(240deg, #ffbd49 0, #ff930e 100%);
		color: #fff;
		width: 200rpx;
		padding: 20rpx;

		border-radius: 40rpx;
		font-size: 26rpx;
		text-align: center;
		margin: 0 auto;
		margin-top: 20rpx;
	}

	.yui-notice-popbox-close {
		right: 43%;
		bottom: -100rpx;
		z-index: 1000;
		position: absolute;
	}

	.tui-header-box {
		width: 100%;
		padding: 0 30rpx 0 20rpx;
		box-sizing: border-box;
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 32px;
		transform: translateZ(0);
		z-index: 9999;
	}

	.yui-lines {
		background: rgba(255, 255, 255, 0.4);
		width: 2rpx;
		height: 50rpx;
		margin-top: 20rpx;
	}

	.tui-mybg-box {
		width: 100%;
		height: 420rpx;
		position: relative;
		background-image: linear-gradient(to bottom right, #c5af8a, #f3db9e);
		position: relative;
	}

	/* #ifdef APP-PLUS */
	.tui-header-boxs {
		width: 100%;
		padding: 0 30rpx 0 20rpx;
		box-sizing: border-box;
		z-index: 9999;
		padding-top: 100rpx;
	}

	.yui-header-setting {
		position: absolute;
		right: 30rpx;
		top: 130rpx;
	}

	.yui-store-level {
		border-radius: 20rpx;
		background: #fe7215;
		color: #ffffff;
		display: flex;
		justify-content: space-around;
		font-size: 20rpx;
		padding: 0rpx 16rpx;
		line-height: 40rpx;
		height: 36rpx;
		margin-left: 10rpx;
	}

	/* #endif */
	/* #ifndef APP-PLUS */
	.tui-header-boxs {
		width: 100%;
		padding: 0 30rpx 0 20rpx;
		box-sizing: border-box;
		z-index: 9999;
		padding-top: 70rpx;
	}

	.yui-header-setting {
		position: absolute;
		right: 30rpx;
		top: 100rpx;
	}

	.yui-store-level {
		border-radius: 20rpx;
		background: #fe7215;
		color: #ffffff;
		display: flex;
		justify-content: space-around;
		font-size: 20rpx;
		padding: 0rpx 16rpx;
		line-height: 40rpx;
		height: 40rpx;
		margin-left: 10rpx;
	}

	/* #endif */
	/* #ifdef MP-WEIXIN */
	.tui-mybg-box {
		width: 100%;
		height: 480rpx;
		position: relative;
		background-image: linear-gradient(to bottom right, #c5af8a, #f3db9e);
		position: relative;
	}

	.tui-header-boxs {
		width: 100%;
		padding: 0 30rpx 0 20rpx;
		box-sizing: border-box;
		z-index: 9999;
		padding-top: 150rpx;
	}

	.yui-header-setting {
		position: absolute;
		right: 30rpx;
		top: 180rpx;
	}

	/* #endif */
	/* #ifndef MP-WEIXIN */
	.tui-mybg-box {
		width: 100%;
		height: 420rpx;
		position: relative;
		background-image: linear-gradient(to bottom right, #c5af8a, #f3db9e);
		position: relative;
	}

	.tui-header-boxs {
		width: 100%;
		padding: 0 30rpx 0 20rpx;
		box-sizing: border-box;
		z-index: 9999;
		padding-top: 70rpx;
	}

	/* #endif */
	.invite-wrap-copy {
		border-radius: 6rpx;
		background: #4d7cec;
		color: rgba(255, 255, 255, 0.9);
		margin-top: -2rpx;
		padding: 2rpx 6rpx;
		margin-left: 10rpx;
	}

	.invite-wrap-copys {
		border-radius: 6rpx;
		background: #ec6a13;
		color: rgba(255, 255, 255, 0.9);
		margin-top: -2rpx;
		padding: 2rpx 6rpx;
		margin-left: 10rpx;
	}

	.tui-slide-image {
		border-radius: 20rpx;
		width: 100%;

	}

	.yui-wallet-icon {
		width: 52rpx;
		height: 52rpx;
		;
	}

	.yui-wallet-block-span-icon {
		width: 100rpx;
	}

	.yui-store-level-icon {
		width: 36rpx;
		height: 36rpx;
		margin-right: 6rpx;
	}

	.yui-wallet-list {
		color: #333333;
		padding: 20rpx 20rpx 40rpx 20rpx;
		text-align: center;
		display: flex;
		justify-content: space-around;
	}

	.yui-wallet-nones {
		padding: 8rpx !important
	}


	.yui-wallet-list-block {
		position: relative;
	}

	.yui-wallet-list-block-number {
		font-weight: bold;
	}

	.yui-wallet-list-block-text {
		font-size: 24rpx;
		margin-top: 10rpx;
		color: #a1a1a1;
	}

	.yui-wallet-list-block-wallet {
		margin-top: -7rpx;
		font-size: 24rpx;

		color: #a1a1a1;
	}

	.yui-wallet-block {
		border-radius: 20rpx;
		background-image: linear-gradient(to bottom right, #fe3527, #fe0a0a);
		display: flex;
		margin: 30rpx 0rpx 0rpx 0rpx;
		/* background: #fff; */

		padding: 20rpx;
		justify-content: space-around;
		box-shadow: 0 3rpx 20rpx rgba(183, 183, 183, 0.1);
	}

	.yui-header-block {
		background: #fff;
		margin: 0 30rpx 0rpx 30rpx;
		border-radius: 10rpx;
		margin-top: 10rpx;
		padding-bottom: 30rpx;
		/* height: 320rpx; */
		color: #000;
		box-shadow: 0 3rpx 20rpx rgba(183, 183, 183, 0.1);
		position: relative;

	}

	.yui-footer {
		position: fixed;
		bottom: 120rpx;
		font-size: 24rpx;
		width: 100%;
		color: #cbcfd0;
		left: 0;
	}

	.yui-footer-copyright {
		text-align: center;
	}

	.tui-activity-img {
		width: 100%;
		border-radius: 10rpx;
		display: block;
	}

	.yui-box-block {
		display: flex;
		justify-content: space-around;
		color: #fff;
		text-align: center;
		margin: 0 40rpx;
		margin-top: 36rpx;
	}

	.yui-box-block-span {}

	.yui-box-block-span-number {
		text-align: center;
		font-weight: bold;
		font-size: 36rpx;
		display: inline;
		margin-bottom: 10rpx;
		position: relative;
	}

	.yui-box-block-span-number-tips {
		position: absolute;
		right: -20rpx;
		width: 32rpx;
		top: -4rpx;
		height: 32rpx;
	}

	.yui-box-block-span-text {
		font-size: 24rpx;
		color: #f7f7f7
	}

	.banners {
		padding: 0 30rpx;
		/* margin-top: 40rpx; */
		display: block;
		text-align: center;
		margin: 0 auto;
		position: relative;
		top: -24px;
		margin-bottom: 40rpx;

	}

	/* #ifndef MP */
	.tui-header-icon {
		min-width: 120rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	/* #endif */
	/* #ifdef MP */
	.tui-header-icon {
		min-width: 120rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.tui-set-box {
		min-width: 120rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}


	/* #endif */

	.tui-tool-box {
		margin-top: 20rpx;
	}

	.tui-icon-box {
		position: relative;
	}

	.tui-activity-box {
		margin-top: 20rpx;
	}

	.tui-icon-message {
		width: 42rpx;
		height: 42rpx;
	}

	.tui-icon-messages {
		width: 40rpx;
		height: 40rpx;
	}

	.tui-icon-message-img {
		width: 100%;
		height: 40rpx;
		;
	}

	.level_icon {
		font-size: 20rpx;
		color: #724f0c;
		padding: 2rpx 8rpx;
		border-radius: 20rpx;
		margin-left: 10rpx;
		background-image: linear-gradient(to bottom left, #fed204, #fefae7);
	}

	.tui-icon-setup {
		margin-left: 8rpx;
	}

	.tui-badge {
		position: absolute;
		font-size: 24rpx;
		height: 32rpx;
		min-width: 20rpx;
		padding: 0 6rpx;
		border-radius: 40rpx;
		right: 4rpx;
		top: -10rpx;
		transform: scale(0.8) translateX(60%);
		transform-origin: center center;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 10;
	}

	.tui-badge-red {
		background: #ffbb0e;
		color: #ffffff;
	}

	.tui-badge-blue {
		background: #fff;
		color: #d47f12;
	}

	.tui-badge-white {
		background: #fff;
		color: #F74D54;
	}

	.tui-badge-dot {
		position: absolute;
		height: 12rpx;
		width: 12rpx;
		border-radius: 50%;
		right: -12rpx;
		top: 0;
		background: #F74D54;
	}

	.yui-img-lm {
		width: 40rpx;

	}



	.tui-my-bg {
		width: 100%;
		height: 344rpx !important;
		display: block;
	}

	.tui-header-center {
		width: 100%;
		/* left: 14rpx; */

		color: #fff;
		padding: 0 30rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}

	.tui-avatar {
		flex-shrink: 0;
		width: 120rpx;
		height: 120rpx;
		border-radius: 50%;
		display: block;
	}

	.tui-info {
		width: 60%;
		padding-left: 20rpx;
		margin-top: 0rpx;

	}

	.tui-nickname {
		font-size: 28rpx;
		font-weight: bold;
		/* color: #fff; */
		display: flex;
		align-items: center;
	}

	.tui-img-vip {
		width: 56rpx;
		height: 24rpx;
		margin-left: 18rpx;
	}

	.tui-explain {
		width: 80%;
		font-size: 24rpx;
		font-weight: 400;
		/* color: #fff; */

		padding-top: 10rpx;
		white-space: nowrap;
		overflow: hidden;
		display: flex;
		text-overflow: ellipsis;
	}

	.tui-explain-text {
		opacity: 0.75;
	}

	.tui-btn-edit {
		flex-shrink: 0;
		padding-right: 22rpx;
	}

	.tui-header-btm {
		width: 100%;
		padding: 20rpx 0rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
		/* color: #fff; */
	}

	.tui-btm-item {
		flex: 1;
		color: #000;
		display: flex;
		text-align: center;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.tui-btm-num {
		font-size: 34rpx;
		font-weight: 600;
		margin-top: 10rpx;
		margin-bottom: 10rpx;
		position: relative;
	}

	.tui-btm-text {
		font-size: 24rpx;
		color: #2c2c2c;
		text-align: center;
		display: flex;
		justify-content: space-between;
		padding-top: 4rpx;
	}

	.tui-btm-text-icon {
		width: 60rpx
	}

	.tui-btm-text-span {
		font-weight: 500;
		font-size: 26rpx;
	}

	.tui-content-box {
		width: 100%;
		padding: 0 30rpx;
		box-sizing: border-box;
		position: relative;
		border-radius: 20rpx;
		top: -72rpx;
		z-index: 10;

	}

	.tui-box {
		width: 100%;
		background: #fff;
		box-shadow: 0 3rpx 20rpx rgba(183, 183, 183, 0.1);
		border-radius: 20rpx;
		/* overflow: hidden; */
	}

	.tui-order-box {
		height: 208rpx;
	}

	.tui-cell-header {
		width: 100%;
		height: 74rpx;
		padding: 0 26rpx;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.tui-cell-title {
		font-size: 30rpx;
		line-height: 30rpx;
		padding-top: 20rpx;
		padding-left: 10rpx;
		font-weight: 600;
		color: #333;
	}

	.tui-cell-sub {
		font-size: 26rpx;
		font-weight: 400;
		color: #999;
		padding-right: 28rpx;
	}

	.tui-order-list {
		width: 100%;
		height: 134rpx;
		/* padding: 0 30rpx; */
		box-sizing: border-box;
		display: flex;
		align-items: center;
		justify-content: space-between;

	}

	.tui-order-item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.tui-order-text,
	.tui-tool-text {
		font-size: 26rpx;
		font-weight: 400;
		color: #666;
		padding-top: 8rpx;
	}

	.tui-tool-text {
		font-size: 24rpx;
	}

	.tui-order-icon {
		width: 54rpx;
		height: 54rpx;
		display: block;
	}

	.tui-assets-img-box {

		margin-top: 20rpx;
	}

	.tui-assets-box {
		height: 178rpx;
		margin-top: 20rpx;
	}

	.tui-assets-list {
		height: 84rpx;
	}

	.tui-assets-num {
		font-size: 32rpx;
		font-weight: 500;
		color: #333;
		position: relative;
	}

	.tui-assets-text {
		font-size: 24rpx;
		font-weight: 400;
		color: #666;
		padding-top: 6rpx;
	}

	.tui-tool-box {
		margin-top: 20rpx;
	}

	.tui-flex-wrap {
		flex-wrap: wrap;
		height: auto;
		padding-bottom: 30rpx;
	}

	.tui-tool-item {
		width: 25%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		padding-top: 30rpx;
	}

	.tui-tool-icon {
		width: 60rpx;
		height: 60rpx;
		display: block;
	}

	.tui-badge-icon {
		width: 66rpx;
		height: 30rpx;
		position: absolute;
		right: 0;
		transform: translateX(88%);
		top: -15rpx;
	}

	/*为你推荐*/
	.tui-product-list {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		flex-wrap: wrap;
		box-sizing: border-box;
	}

	.tui-product-container {
		flex: 1;
		margin-right: 2%;
	}

	.tui-product-container:last-child {
		margin-right: 0;
	}

	.tui-pro-item {
		width: 100%;
		margin-bottom: 4%;
		background: #fff;
		box-sizing: border-box;
		border-radius: 12rpx;
		overflow: hidden;
	}

	.tui-pro-img {
		width: 100%;
		display: block;
	}

	.tui-pro-content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 20rpx;
	}

	.tui-pro-tit {
		color: #2e2e2e;
		font-size: 26rpx;
		word-break: break-all;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.tui-pro-price {
		padding-top: 18rpx;
	}

	.tui-sale-price {
		font-size: 34rpx;
		font-weight: 500;
		color: #e41f19;
	}

	.tui-factory-price {
		font-size: 24rpx;
		color: #a0a0a0;
		text-decoration: line-through;
		padding-left: 12rpx;
	}

	.tui-pro-pay {
		padding-top: 10rpx;
		font-size: 24rpx;
		color: #656565;
	}

	.tui-btn-back {
		width: 88rpx;
		height: 88rpx;
		font-size: 26rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50%;
		background-color: rgba(0, 0, 0, .5);
		color: #fff;
		position: fixed;
		bottom: 60rpx;
		right: 30rpx;
		z-index: 9999;
	}

	.stroke {
		stroke: transparent;
		stroke-width: 0;
	}

	svg {
		border: none;
	}

	.right {
		position: absolute;
		right: 1em;
		top: 50%;
		transform: translateY(-50%)
	}

	.u-button--disabled {
		opacity: 1;
	}
</style>